
import React from "react";
import { Col, Row, Button } from "antd";

function Newbie(){
    const paperItem = [
        {
            id:1,
            img_url:'2021031715480323.png',
            title:'外卖智能自动出餐',
            text:'功能说明银豹上线外卖智能自动出餐功能，帮助商家提高外卖平台订单的出餐效率！商家只需登录银豹后台开启外卖智能自...',
            samll:'Mose 2022-06-29 89  外卖智能自动出餐 自动出餐 美团外卖 饿了么'
        },
        {
            id:2,
            img_url:'2021031715480323.png',
            title:'电子发票',
            text:'功能说明银豹上线电子发票功能，帮助商户减少开票压力，降低经营成本，加快获票速度，让消费者有更好的消费体验！商...',
            samll:'Mose 2022-04-11 507  发票 开票 电子发票'
        }
    ]
    return(
        <div>
            {
                paperItem.map(item=>
                  <Row key={item.id}>
                    <Col span={8} style={{padding:20}}>
                    <img width={'100%'} src={`/img/`+item.img_url}/>
                    </Col>
                    <Col span={16} style={{padding:20,paddingRight:40}}>
                        <h4 style={{fontWeight:900,fontSize:20}}>{item.title}</h4>
                        <p style={{color:'#333'}}>{item.text}</p>
                        <p style={{color:'#999',fontSize:12}}>{item.samll}</p>
                    </Col>
                  </Row>
                )
            }
            <Button type="link" block>浏览更多</Button>
        </div>
    )
}

export default Newbie